<!-- <div class="weui-tab" style="position: fixed;bottom: 0px;left: 0px;width: 100%;height: 55px;background-color: #9E9E9E;">
  <div class="weui-tab__panel" style="overflow: hidden  ">
    <a href="javascript:;" class="weui-tabbar__item" [class.weui-bar__item_on]="tab.active" *ngFor="let tab of tabList" style="float: left; height: 55px" [style.width.%]="(100/tabList.length)" (click)="setActive(tab)">
      <img src={{tab.icon}} alt="" class="weui-tabbar__icon">
      <p class="weui-tabbar__label" style="color: white">{{tab.title}}</p>
    </a>
  </div>
  <router-outlet></router-outlet>
</div> -->
<div class="weui-tab">
  <div class="weui-tab__panel">
    <router-outlet></router-outlet>
  </div>
  <div class="weui-tabbar" style="position: fixed">
    <a 
      href=" javascript:;" 
      class="weui-tabbar__item" 
      [class.weui-bar__item_on]="tab.active" 
      *ngFor="let tab of tabList" 
      (click)="setActive(tab)"
    >
      <img src={{tab.icon}} alt="" class="weui-tabbar__icon">
      <p class="weui-tabbar__label">{{tab.title}}</p>
    </a>
  </div>
</div>
